<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<link rel="stylesheet" type="text/css" href="../css/aui.css" />
		<style type="text/css">
			html,body {
				width: 100%;
				height: 100%;
			}
			#top {
				position: absolute;
			    width: 0px;
			    height: 0px;
			    line-height: 0px;
			    border-bottom: 10px solid #fff;
			    border-left: 10px solid #f5f5f5;
			    border-right: 10px solid #f5f5f5;
			    top: -10px;
			    margin-left: -0.75rem;
			}
		</style>
	</head>
	<body>
	
		<header id="header" class="aui-bar aui-bar-nav aui-bar-light">
    	<a id="back" class="aui-pull-left aui-btn">
    	    <span class="aui-iconfont aui-icon-left" style="color:rgb(60,60,60)"></span>
	    </a>
    	<div id="title" class="aui-title aui-ellipsis" style="color:rgb(60,60,60)">设置访问密码</div>
	</header>
	
	<div>
		<div>
			<div style="width: 3.5rem;height: 3.5rem;margin-left:auto;margin-right:auto;text-align:center;background: #03A9F4;color: white;border-radius: 50%;line-height: 3.2rem;margin-top: 1rem;">
			<i class="aui-iconfont aui-icon-lock" style="font-size: 1.5rem;font-weight: 800;"></i>
			</div>
			
			<div style="
			    text-align: center;
			    margin-top: 0.5rem;
			    margin-bottom: 0.5rem;
			    color: #9E9E9E;
			">
				设置访问密码
			</div>
		</div>		
		<div style="
    			position: relative;
    			text-align: center;
		">
				<span id="top"></span>
			</div>	
		<div style="position:relative;margin-left: 0.75rem;margin-right: 0.75rem;background: white;padding: 0.75rem;">
			<div style="
			    color: #9E9E9E;
			    font-size: 0.7rem;
			    margin-bottom: 0.25rem;
			">设置一个密码</div>

			
			<div class="aui-list-item-input" style="border-bottom: 1px solid #2196F3;">
                    <input maxlength="20" type="text" placeholder="" id="pwd">
                </div>
			<div style="
			    color: #9E9E9E;
			    font-size: 0.7rem;
			    margin-top: 0.25rem;
			">设置密码后，请告知用户如何获取密码</div>
		</div>
		<div style="
    margin-top: 2rem;
    text-align: center;
">
		<div class="aui-row">
			<div class="aui-col-xs-6" style="padding:0.75rem;">
			 <div id="genpwd" class="aui-btn aui-btn-success aui-btn-block aui-btn-outlined">生成随机密码</div>
			 </div>
			 <div class="aui-col-xs-6" style="padding:0.75rem;">
			 <div id="save" class="aui-btn aui-btn-info  aui-btn-block">保存</div>
			 </div>
		 </div>
		
		</div>
	</div>

	
	</body>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript" src="../script/api-extends-app.js"></script>
	<script type="text/javascript" src="../script/aui-dialog.js" ></script>
	<script type="text/javascript" id="appinit" data-baseurl="../script" src="../script/libs/require.js"></script>
	<script type="text/javascript">
		apiready = function() {
			appinit();
			api.parseTapmode();
		};
	</script>
</html>